/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
@-ms-viewport {
  width: device-width; }

@-o-viewport {
  width: device-width; }

@viewport {
  width: device-width; }

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

.p0 {
  padding: 0px; }

.pl0 {
  padding-left: 0px; }

.pr0 {
  padding-right: 0px; }

.pt0 {
  padding-top: 0px; }

.pb0 {
  padding-bottom: 0px; }

.ptb0 {
  padding-top: 0px;
  padding-bottom: 0px; }

.plr0 {
  padding-left: 0px;
  padding-right: 0px; }

.p2 {
  padding: 2px; }

.pl2 {
  padding-left: 2px; }

.pr2 {
  padding-right: 2px; }

.pt2 {
  padding-top: 2px; }

.pb2 {
  padding-bottom: 2px; }

.ptb2 {
  padding-top: 2px;
  padding-bottom: 2px; }

.plr2 {
  padding-left: 2px;
  padding-right: 2px; }

.p4 {
  padding: 4px; }

.pl4 {
  padding-left: 4px; }

.pr4 {
  padding-right: 4px; }

.pt4 {
  padding-top: 4px; }

.pb4 {
  padding-bottom: 4px; }

.ptb4, .input-s, .input-ps {
  padding-top: 4px;
  padding-bottom: 4px; }

.plr4 {
  padding-left: 4px;
  padding-right: 4px; }

.p6 {
  padding: 6px; }

.pl6 {
  padding-left: 6px; }

.pr6 {
  padding-right: 6px; }

.pt6 {
  padding-top: 6px; }

.pb6 {
  padding-bottom: 6px; }

.ptb6 {
  padding-top: 6px;
  padding-bottom: 6px; }

.plr6 {
  padding-left: 6px;
  padding-right: 6px; }

.p8 {
  padding: 8px; }

.pl8 {
  padding-left: 8px; }

.pr8 {
  padding-right: 8px; }

.pt8 {
  padding-top: 8px; }

.pb8 {
  padding-bottom: 8px; }

.ptb8, .input-down {
  padding-top: 8px;
  padding-bottom: 8px; }

.plr8, .input-s {
  padding-left: 8px;
  padding-right: 8px; }

.p10 {
  padding: 10px; }

.pl10 {
  padding-left: 10px; }

.pr10 {
  padding-right: 10px; }

.pt10 {
  padding-top: 10px; }

.pb10 {
  padding-bottom: 10px; }

.ptb10 {
  padding-top: 10px;
  padding-bottom: 10px; }

.plr10 {
  padding-left: 10px;
  padding-right: 10px; }

.p12 {
  padding: 12px; }

.pl12 {
  padding-left: 12px; }

.pr12 {
  padding-right: 12px; }

.pt12 {
  padding-top: 12px; }

.pb12 {
  padding-bottom: 12px; }

.ptb12 {
  padding-top: 12px;
  padding-bottom: 12px; }

.plr12 {
  padding-left: 12px;
  padding-right: 12px; }

.p14 {
  padding: 14px; }

.pl14 {
  padding-left: 14px; }

.pr14 {
  padding-right: 14px; }

.pt14 {
  padding-top: 14px; }

.pb14 {
  padding-bottom: 14px; }

.ptb14 {
  padding-top: 14px;
  padding-bottom: 14px; }

.plr14 {
  padding-left: 14px;
  padding-right: 14px; }

.p16 {
  padding: 16px; }

.pl16 {
  padding-left: 16px; }

.pr16 {
  padding-right: 16px; }

.pt16 {
  padding-top: 16px; }

.pb16 {
  padding-bottom: 16px; }

.ptb16 {
  padding-top: 16px;
  padding-bottom: 16px; }

.plr16 {
  padding-left: 16px;
  padding-right: 16px; }

.p18 {
  padding: 18px; }

.pl18 {
  padding-left: 18px; }

.pr18 {
  padding-right: 18px; }

.pt18 {
  padding-top: 18px; }

.pb18 {
  padding-bottom: 18px; }

.ptb18 {
  padding-top: 18px;
  padding-bottom: 18px; }

.plr18 {
  padding-left: 18px;
  padding-right: 18px; }

.p20 {
  padding: 20px; }

.pl20 {
  padding-left: 20px; }

.pr20 {
  padding-right: 20px; }

.pt20 {
  padding-top: 20px; }

.pb20 {
  padding-bottom: 20px; }

.ptb20 {
  padding-top: 20px;
  padding-bottom: 20px; }

.plr20 {
  padding-left: 20px;
  padding-right: 20px; }

.p22 {
  padding: 22px; }

.pl22 {
  padding-left: 22px; }

.pr22 {
  padding-right: 22px; }

.pt22 {
  padding-top: 22px; }

.pb22 {
  padding-bottom: 22px; }

.ptb22 {
  padding-top: 22px;
  padding-bottom: 22px; }

.plr22 {
  padding-left: 22px;
  padding-right: 22px; }

.p24 {
  padding: 24px; }

.pl24 {
  padding-left: 24px; }

.pr24 {
  padding-right: 24px; }

.pt24 {
  padding-top: 24px; }

.pb24 {
  padding-bottom: 24px; }

.ptb24 {
  padding-top: 24px;
  padding-bottom: 24px; }

.plr24 {
  padding-left: 24px;
  padding-right: 24px; }

.p26 {
  padding: 26px; }

.pl26 {
  padding-left: 26px; }

.pr26 {
  padding-right: 26px; }

.pt26 {
  padding-top: 26px; }

.pb26 {
  padding-bottom: 26px; }

.ptb26 {
  padding-top: 26px;
  padding-bottom: 26px; }

.plr26 {
  padding-left: 26px;
  padding-right: 26px; }

.p28 {
  padding: 28px; }

.pl28 {
  padding-left: 28px; }

.pr28 {
  padding-right: 28px; }

.pt28 {
  padding-top: 28px; }

.pb28 {
  padding-bottom: 28px; }

.ptb28 {
  padding-top: 28px;
  padding-bottom: 28px; }

.plr28 {
  padding-left: 28px;
  padding-right: 28px; }

.p30 {
  padding: 30px; }

.pl30 {
  padding-left: 30px; }

.pr30 {
  padding-right: 30px; }

.pt30 {
  padding-top: 30px; }

.pb30 {
  padding-bottom: 30px; }

.ptb30 {
  padding-top: 30px;
  padding-bottom: 30px; }

.plr30 {
  padding-left: 30px;
  padding-right: 30px; }

.p32 {
  padding: 32px; }

.pl32 {
  padding-left: 32px; }

.pr32 {
  padding-right: 32px; }

.pt32 {
  padding-top: 32px; }

.pb32 {
  padding-bottom: 32px; }

.ptb32 {
  padding-top: 32px;
  padding-bottom: 32px; }

.plr32 {
  padding-left: 32px;
  padding-right: 32px; }

.p34 {
  padding: 34px; }

.pl34 {
  padding-left: 34px; }

.pr34 {
  padding-right: 34px; }

.pt34 {
  padding-top: 34px; }

.pb34 {
  padding-bottom: 34px; }

.ptb34 {
  padding-top: 34px;
  padding-bottom: 34px; }

.plr34 {
  padding-left: 34px;
  padding-right: 34px; }

.p36 {
  padding: 36px; }

.pl36 {
  padding-left: 36px; }

.pr36 {
  padding-right: 36px; }

.pt36 {
  padding-top: 36px; }

.pb36 {
  padding-bottom: 36px; }

.ptb36 {
  padding-top: 36px;
  padding-bottom: 36px; }

.plr36 {
  padding-left: 36px;
  padding-right: 36px; }

.p38 {
  padding: 38px; }

.pl38 {
  padding-left: 38px; }

.pr38 {
  padding-right: 38px; }

.pt38 {
  padding-top: 38px; }

.pb38 {
  padding-bottom: 38px; }

.ptb38 {
  padding-top: 38px;
  padding-bottom: 38px; }

.plr38 {
  padding-left: 38px;
  padding-right: 38px; }

.p40 {
  padding: 40px; }

.pl40 {
  padding-left: 40px; }

.pr40 {
  padding-right: 40px; }

.pt40 {
  padding-top: 40px; }

.pb40 {
  padding-bottom: 40px; }

.ptb40 {
  padding-top: 40px;
  padding-bottom: 40px; }

.plr40 {
  padding-left: 40px;
  padding-right: 40px; }

.p42 {
  padding: 42px; }

.pl42 {
  padding-left: 42px; }

.pr42 {
  padding-right: 42px; }

.pt42 {
  padding-top: 42px; }

.pb42 {
  padding-bottom: 42px; }

.ptb42 {
  padding-top: 42px;
  padding-bottom: 42px; }

.plr42 {
  padding-left: 42px;
  padding-right: 42px; }

.p44 {
  padding: 44px; }

.pl44 {
  padding-left: 44px; }

.pr44 {
  padding-right: 44px; }

.pt44 {
  padding-top: 44px; }

.pb44 {
  padding-bottom: 44px; }

.ptb44 {
  padding-top: 44px;
  padding-bottom: 44px; }

.plr44 {
  padding-left: 44px;
  padding-right: 44px; }

.p46 {
  padding: 46px; }

.pl46 {
  padding-left: 46px; }

.pr46 {
  padding-right: 46px; }

.pt46 {
  padding-top: 46px; }

.pb46 {
  padding-bottom: 46px; }

.ptb46 {
  padding-top: 46px;
  padding-bottom: 46px; }

.plr46 {
  padding-left: 46px;
  padding-right: 46px; }

.p48 {
  padding: 48px; }

.pl48 {
  padding-left: 48px; }

.pr48 {
  padding-right: 48px; }

.pt48 {
  padding-top: 48px; }

.pb48 {
  padding-bottom: 48px; }

.ptb48 {
  padding-top: 48px;
  padding-bottom: 48px; }

.plr48 {
  padding-left: 48px;
  padding-right: 48px; }

.p50 {
  padding: 50px; }

.pl50 {
  padding-left: 50px; }

.pr50 {
  padding-right: 50px; }

.pt50 {
  padding-top: 50px; }

.pb50 {
  padding-bottom: 50px; }

.ptb50 {
  padding-top: 50px;
  padding-bottom: 50px; }

.plr50 {
  padding-left: 50px;
  padding-right: 50px; }

.p52 {
  padding: 52px; }

.pl52 {
  padding-left: 52px; }

.pr52 {
  padding-right: 52px; }

.pt52 {
  padding-top: 52px; }

.pb52 {
  padding-bottom: 52px; }

.ptb52 {
  padding-top: 52px;
  padding-bottom: 52px; }

.plr52 {
  padding-left: 52px;
  padding-right: 52px; }

.p54 {
  padding: 54px; }

.pl54 {
  padding-left: 54px; }

.pr54 {
  padding-right: 54px; }

.pt54 {
  padding-top: 54px; }

.pb54 {
  padding-bottom: 54px; }

.ptb54 {
  padding-top: 54px;
  padding-bottom: 54px; }

.plr54 {
  padding-left: 54px;
  padding-right: 54px; }

.p56 {
  padding: 56px; }

.pl56 {
  padding-left: 56px; }

.pr56 {
  padding-right: 56px; }

.pt56 {
  padding-top: 56px; }

.pb56 {
  padding-bottom: 56px; }

.ptb56 {
  padding-top: 56px;
  padding-bottom: 56px; }

.plr56 {
  padding-left: 56px;
  padding-right: 56px; }

.p58 {
  padding: 58px; }

.pl58 {
  padding-left: 58px; }

.pr58 {
  padding-right: 58px; }

.pt58 {
  padding-top: 58px; }

.pb58 {
  padding-bottom: 58px; }

.ptb58 {
  padding-top: 58px;
  padding-bottom: 58px; }

.plr58 {
  padding-left: 58px;
  padding-right: 58px; }

.p60 {
  padding: 60px; }

.pl60 {
  padding-left: 60px; }

.pr60 {
  padding-right: 60px; }

.pt60 {
  padding-top: 60px; }

.pb60 {
  padding-bottom: 60px; }

.ptb60 {
  padding-top: 60px;
  padding-bottom: 60px; }

.plr60 {
  padding-left: 60px;
  padding-right: 60px; }

.p62 {
  padding: 62px; }

.pl62 {
  padding-left: 62px; }

.pr62 {
  padding-right: 62px; }

.pt62 {
  padding-top: 62px; }

.pb62 {
  padding-bottom: 62px; }

.ptb62 {
  padding-top: 62px;
  padding-bottom: 62px; }

.plr62 {
  padding-left: 62px;
  padding-right: 62px; }

.m0 {
  margin: 0px; }

.ml0 {
  margin-left: 0px; }

.mr0 {
  margin-right: 0px; }

.mt0 {
  margin-top: 0px; }

.mb0 {
  margin-bottom: 0px; }

.mtb0 {
  margin-top: 0px;
  margin-bottom: 0px; }

.mlr0 {
  margin-left: 0px;
  margin-right: 0px; }

.m2 {
  margin: 2px; }

.ml2 {
  margin-left: 2px; }

.mr2 {
  margin-right: 2px; }

.mt2 {
  margin-top: 2px; }

.mb2 {
  margin-bottom: 2px; }

.mtb2 {
  margin-top: 2px;
  margin-bottom: 2px; }

.mlr2 {
  margin-left: 2px;
  margin-right: 2px; }

.m4 {
  margin: 4px; }

.ml4 {
  margin-left: 4px; }

.mr4 {
  margin-right: 4px; }

.mt4 {
  margin-top: 4px; }

.mb4 {
  margin-bottom: 4px; }

.mtb4 {
  margin-top: 4px;
  margin-bottom: 4px; }

.mlr4 {
  margin-left: 4px;
  margin-right: 4px; }

.m6 {
  margin: 6px; }

.ml6 {
  margin-left: 6px; }

.mr6 {
  margin-right: 6px; }

.mt6 {
  margin-top: 6px; }

.mb6 {
  margin-bottom: 6px; }

.mtb6 {
  margin-top: 6px;
  margin-bottom: 6px; }

.mlr6 {
  margin-left: 6px;
  margin-right: 6px; }

.m8 {
  margin: 8px; }

.ml8 {
  margin-left: 8px; }

.mr8 {
  margin-right: 8px; }

.mt8 {
  margin-top: 8px; }

.mb8 {
  margin-bottom: 8px; }

.mtb8 {
  margin-top: 8px;
  margin-bottom: 8px; }

.mlr8 {
  margin-left: 8px;
  margin-right: 8px; }

.m10 {
  margin: 10px; }

.ml10 {
  margin-left: 10px; }

.mr10 {
  margin-right: 10px; }

.mt10 {
  margin-top: 10px; }

.mb10 {
  margin-bottom: 10px; }

.mtb10 {
  margin-top: 10px;
  margin-bottom: 10px; }

.mlr10 {
  margin-left: 10px;
  margin-right: 10px; }

.m12 {
  margin: 12px; }

.ml12 {
  margin-left: 12px; }

.mr12 {
  margin-right: 12px; }

.mt12 {
  margin-top: 12px; }

.mb12 {
  margin-bottom: 12px; }

.mtb12 {
  margin-top: 12px;
  margin-bottom: 12px; }

.mlr12 {
  margin-left: 12px;
  margin-right: 12px; }

.m14 {
  margin: 14px; }

.ml14 {
  margin-left: 14px; }

.mr14 {
  margin-right: 14px; }

.mt14 {
  margin-top: 14px; }

.mb14 {
  margin-bottom: 14px; }

.mtb14 {
  margin-top: 14px;
  margin-bottom: 14px; }

.mlr14 {
  margin-left: 14px;
  margin-right: 14px; }

.m16 {
  margin: 16px; }

.ml16 {
  margin-left: 16px; }

.mr16 {
  margin-right: 16px; }

.mt16 {
  margin-top: 16px; }

.mb16 {
  margin-bottom: 16px; }

.mtb16 {
  margin-top: 16px;
  margin-bottom: 16px; }

.mlr16 {
  margin-left: 16px;
  margin-right: 16px; }

.m18 {
  margin: 18px; }

.ml18 {
  margin-left: 18px; }

.mr18 {
  margin-right: 18px; }

.mt18 {
  margin-top: 18px; }

.mb18 {
  margin-bottom: 18px; }

.mtb18 {
  margin-top: 18px;
  margin-bottom: 18px; }

.mlr18 {
  margin-left: 18px;
  margin-right: 18px; }

.m20 {
  margin: 20px; }

.ml20 {
  margin-left: 20px; }

.mr20 {
  margin-right: 20px; }

.mt20 {
  margin-top: 20px; }

.mb20 {
  margin-bottom: 20px; }

.mtb20 {
  margin-top: 20px;
  margin-bottom: 20px; }

.mlr20 {
  margin-left: 20px;
  margin-right: 20px; }

.m22 {
  margin: 22px; }

.ml22 {
  margin-left: 22px; }

.mr22 {
  margin-right: 22px; }

.mt22 {
  margin-top: 22px; }

.mb22 {
  margin-bottom: 22px; }

.mtb22 {
  margin-top: 22px;
  margin-bottom: 22px; }

.mlr22 {
  margin-left: 22px;
  margin-right: 22px; }

.m24 {
  margin: 24px; }

.ml24 {
  margin-left: 24px; }

.mr24 {
  margin-right: 24px; }

.mt24 {
  margin-top: 24px; }

.mb24 {
  margin-bottom: 24px; }

.mtb24 {
  margin-top: 24px;
  margin-bottom: 24px; }

.mlr24 {
  margin-left: 24px;
  margin-right: 24px; }

.m26 {
  margin: 26px; }

.ml26 {
  margin-left: 26px; }

.mr26 {
  margin-right: 26px; }

.mt26 {
  margin-top: 26px; }

.mb26 {
  margin-bottom: 26px; }

.mtb26 {
  margin-top: 26px;
  margin-bottom: 26px; }

.mlr26 {
  margin-left: 26px;
  margin-right: 26px; }

.m28 {
  margin: 28px; }

.ml28 {
  margin-left: 28px; }

.mr28 {
  margin-right: 28px; }

.mt28 {
  margin-top: 28px; }

.mb28 {
  margin-bottom: 28px; }

.mtb28 {
  margin-top: 28px;
  margin-bottom: 28px; }

.mlr28 {
  margin-left: 28px;
  margin-right: 28px; }

.m30 {
  margin: 30px; }

.ml30 {
  margin-left: 30px; }

.mr30 {
  margin-right: 30px; }

.mt30 {
  margin-top: 30px; }

.mb30 {
  margin-bottom: 30px; }

.mtb30 {
  margin-top: 30px;
  margin-bottom: 30px; }

.mlr30 {
  margin-left: 30px;
  margin-right: 30px; }

.m32 {
  margin: 32px; }

.ml32 {
  margin-left: 32px; }

.mr32 {
  margin-right: 32px; }

.mt32 {
  margin-top: 32px; }

.mb32 {
  margin-bottom: 32px; }

.mtb32 {
  margin-top: 32px;
  margin-bottom: 32px; }

.mlr32 {
  margin-left: 32px;
  margin-right: 32px; }

.m34 {
  margin: 34px; }

.ml34 {
  margin-left: 34px; }

.mr34 {
  margin-right: 34px; }

.mt34 {
  margin-top: 34px; }

.mb34 {
  margin-bottom: 34px; }

.mtb34 {
  margin-top: 34px;
  margin-bottom: 34px; }

.mlr34 {
  margin-left: 34px;
  margin-right: 34px; }

.m36 {
  margin: 36px; }

.ml36 {
  margin-left: 36px; }

.mr36 {
  margin-right: 36px; }

.mt36 {
  margin-top: 36px; }

.mb36 {
  margin-bottom: 36px; }

.mtb36 {
  margin-top: 36px;
  margin-bottom: 36px; }

.mlr36 {
  margin-left: 36px;
  margin-right: 36px; }

.m38 {
  margin: 38px; }

.ml38 {
  margin-left: 38px; }

.mr38 {
  margin-right: 38px; }

.mt38 {
  margin-top: 38px; }

.mb38 {
  margin-bottom: 38px; }

.mtb38 {
  margin-top: 38px;
  margin-bottom: 38px; }

.mlr38 {
  margin-left: 38px;
  margin-right: 38px; }

.m40 {
  margin: 40px; }

.ml40 {
  margin-left: 40px; }

.mr40 {
  margin-right: 40px; }

.mt40 {
  margin-top: 40px; }

.mb40 {
  margin-bottom: 40px; }

.mtb40 {
  margin-top: 40px;
  margin-bottom: 40px; }

.mlr40 {
  margin-left: 40px;
  margin-right: 40px; }

.m42 {
  margin: 42px; }

.ml42 {
  margin-left: 42px; }

.mr42 {
  margin-right: 42px; }

.mt42 {
  margin-top: 42px; }

.mb42 {
  margin-bottom: 42px; }

.mtb42 {
  margin-top: 42px;
  margin-bottom: 42px; }

.mlr42 {
  margin-left: 42px;
  margin-right: 42px; }

.m44 {
  margin: 44px; }

.ml44 {
  margin-left: 44px; }

.mr44 {
  margin-right: 44px; }

.mt44 {
  margin-top: 44px; }

.mb44 {
  margin-bottom: 44px; }

.mtb44 {
  margin-top: 44px;
  margin-bottom: 44px; }

.mlr44 {
  margin-left: 44px;
  margin-right: 44px; }

.m46 {
  margin: 46px; }

.ml46 {
  margin-left: 46px; }

.mr46 {
  margin-right: 46px; }

.mt46 {
  margin-top: 46px; }

.mb46 {
  margin-bottom: 46px; }

.mtb46 {
  margin-top: 46px;
  margin-bottom: 46px; }

.mlr46 {
  margin-left: 46px;
  margin-right: 46px; }

.m48 {
  margin: 48px; }

.ml48 {
  margin-left: 48px; }

.mr48 {
  margin-right: 48px; }

.mt48 {
  margin-top: 48px; }

.mb48 {
  margin-bottom: 48px; }

.mtb48 {
  margin-top: 48px;
  margin-bottom: 48px; }

.mlr48 {
  margin-left: 48px;
  margin-right: 48px; }

.m50 {
  margin: 50px; }

.ml50 {
  margin-left: 50px; }

.mr50 {
  margin-right: 50px; }

.mt50 {
  margin-top: 50px; }

.mb50 {
  margin-bottom: 50px; }

.mtb50 {
  margin-top: 50px;
  margin-bottom: 50px; }

.mlr50 {
  margin-left: 50px;
  margin-right: 50px; }

.m52 {
  margin: 52px; }

.ml52 {
  margin-left: 52px; }

.mr52 {
  margin-right: 52px; }

.mt52 {
  margin-top: 52px; }

.mb52 {
  margin-bottom: 52px; }

.mtb52 {
  margin-top: 52px;
  margin-bottom: 52px; }

.mlr52 {
  margin-left: 52px;
  margin-right: 52px; }

.m54 {
  margin: 54px; }

.ml54 {
  margin-left: 54px; }

.mr54 {
  margin-right: 54px; }

.mt54 {
  margin-top: 54px; }

.mb54 {
  margin-bottom: 54px; }

.mtb54 {
  margin-top: 54px;
  margin-bottom: 54px; }

.mlr54 {
  margin-left: 54px;
  margin-right: 54px; }

.m56 {
  margin: 56px; }

.ml56 {
  margin-left: 56px; }

.mr56 {
  margin-right: 56px; }

.mt56 {
  margin-top: 56px; }

.mb56 {
  margin-bottom: 56px; }

.mtb56 {
  margin-top: 56px;
  margin-bottom: 56px; }

.mlr56 {
  margin-left: 56px;
  margin-right: 56px; }

.m58 {
  margin: 58px; }

.ml58 {
  margin-left: 58px; }

.mr58 {
  margin-right: 58px; }

.mt58 {
  margin-top: 58px; }

.mb58 {
  margin-bottom: 58px; }

.mtb58 {
  margin-top: 58px;
  margin-bottom: 58px; }

.mlr58 {
  margin-left: 58px;
  margin-right: 58px; }

.m60 {
  margin: 60px; }

.ml60 {
  margin-left: 60px; }

.mr60 {
  margin-right: 60px; }

.mt60 {
  margin-top: 60px; }

.mb60 {
  margin-bottom: 60px; }

.mtb60 {
  margin-top: 60px;
  margin-bottom: 60px; }

.mlr60 {
  margin-left: 60px;
  margin-right: 60px; }

.m62 {
  margin: 62px; }

.ml62 {
  margin-left: 62px; }

.mr62 {
  margin-right: 62px; }

.mt62 {
  margin-top: 62px; }

.mb62 {
  margin-bottom: 62px; }

.mtb62 {
  margin-top: 62px;
  margin-bottom: 62px; }

.mlr62 {
  margin-left: 62px;
  margin-right: 62px; }

.d-il {
  display: inline-block; }

.d-b {
  display: block; }

.d-i {
  display: inline; }

.d-n {
  display: none; }

.d-f {
  display: flex; }

.w-full {
  width: 100%; }

.h48 {
  height: 48px; }

.h56 {
  height: 56px; }

.ta-r {
  text-align: right; }

.ta-l {
  text-align: left; }

.ta-c {
  text-align: center; }

.ta-j {
  text-align: justify; }

.va-t {
  vertical-align: top; }

.va-m {
  vertical-align: middle; }

.va-b {
  vertical-align: bottom; }

.v-h {
  visibility: hidden; }

.pos-a {
  position: absolute; }

.pos-r {
  position: relative; }

.pos-f {
  position: fixed; }

.flex1 {
  display: block;
  flex: 1; }

.flex2 {
  display: block;
  flex: 2; }

.flex3 {
  display: block;
  flex: 3; }

.flex4 {
  display: block;
  flex: 4; }

.ac {
  align-items: center; }

.fd {
  flex-direction: column; }

.jc {
  justify-content: space-between; }

.jc-c {
  justify-content: center; }

.s0 {
  flex-shrink: 0; }

.fs0 {
  font-size: 0px; }

.fs10 {
  font-size: 10px; }

.fs12 {
  font-size: 12px; }

.fs14 {
  font-size: 14px; }

.fs16 {
  font-size: 16px; }

.fs18 {
  font-size: 18px; }

.fs20 {
  font-size: 20px; }

.fs24 {
  font-size: 24px; }

.fs34 {
  font-size: 34px; }

.fs45 {
  font-size: 45px; }

.fs56 {
  font-size: 56px; }

.bor, .btn-hollow, .tag-hollow {
  border: solid 1px; }

.bor-t {
  border-top: solid 1px; }

.bor-b {
  border-bottom: solid 1px; }

.bor-l {
  border-left: solid 1px; }

.bor-r {
  border-right: solid 1px; }

.z-1 {
  z-index: -1; }

.z1 {
  z-index: 1; }

.z10 {
  z-index: 10; }

.z99 {
  z-index: 99; }

.z500 {
  z-index: 500; }

.lh48 {
  line-height: 48px; }

.bg-w, .btn-w {
  background-color: #fff; }

.bg-module {
  background-color: #f4f4f4; }

.bg-title {
  background-color: #fafafa; }

.bg-disable {
  background-color: #898183; }

.tp, .btn-hollow, .tag-hollow {
  background-color: transparent; }

.bg-mei-red, .btn-mei {
  background-image: linear-gradient(-117deg, #D5466C 0%, #FA5B52 100%); }

.bg-mei-yel {
  background-image: linear-gradient(-138deg, #FCB719 0%, #F6A346 100%); }

.c-divider-b {
  color: #E5E5E5; }

.c-hint-b {
  color: #888888; }

.c-icon-b {
  color: #666666; }

.c-text-b {
  color: #222222; }

.c-divider-w {
  color: rgba(255, 255, 255, 0.12); }

.c-hint-w {
  color: rgba(255, 255, 255, 0.3); }

.c-icon-w {
  color: rgba(255, 255, 255, 0.7); }

.c-text-w {
  color: white; }

.c-blue {
  color: #318FE2; }

.c-success {
  color: #03b266; }

.c-fail {
  color: #ff4444; }

.c-warn {
  color: #fc7e36; }

.c-placeholder {
  color: #cccccc; }

.c-red {
  color: #e74c75; }

.b-side {
  border-color: #f4f4f4; }

.b-side-s {
  border-color: #cacaca; }

.center-fullscreen {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.box, .checkbox-papertoggle .checkbox-mark {
  box-sizing: border-box; }

.shadow, .switch-box-normalize .switch-move, .range-box-ios input[type="range"]::-webkit-slider-thumb, .range-box-mater input[type="range"], .range-box-mater input[type="range"]::-webkit-slider-thumb {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 1px 4px 0 rgba(0, 0, 0, 0.08), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }

.cicle36 {
  flex-shrink: 0;
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  overflow: hidden; }
  .cicle36 > img {
    width: 100%;
    height: 100%; }

.square48 {
  flex-shrink: 0;
  display: inline-block;
  width: 48px;
  height: 48px;
  overflow: hidden; }
  .square48 > img {
    width: 100%;
    height: 100%; }

.square56 {
  flex-shrink: 0;
  display: inline-block;
  width: 56px;
  height: 56px;
  overflow: hidden; }
  .square56 > img {
    width: 100%;
    height: 100%; }

.square72 {
  flex-shrink: 0;
  display: inline-block;
  width: 72px;
  height: 72px;
  overflow: hidden; }
  .square72 > img {
    width: 100%;
    height: 100%; }

.paper {
  background: #fff;
  border-radius: 3px; }

.paper6 {
  background: #fff;
  border-radius: 6px; }

.ellip1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.ellip2 {
  display: -webkit-box;
  overflow: hidden;
  box-orient: vertical;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.ellip3 {
  display: -webkit-box;
  overflow: hidden;
  box-orient: vertical;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }

.ov-a {
  overflow: auto; }

.ov-h {
  overflow: hidden; }

.btn-mei {
  display: inline-block;
  border-radius: 100px;
  text-align: center;
  cursor: pointer;
  border: none;
  color: white; }
  .btn-mei:disabled {
    background-color: #898183 !important; }
  .btn-mei:active {
    opacity: .8; }

.btn-w {
  display: inline-block;
  border-radius: 100px;
  text-align: center;
  cursor: pointer;
  color: #666666;
  position: relative; }
  .btn-w:disabled {
    background-color: #898183 !important; }
  .btn-w:active {
    opacity: .8; }
  .btn-w:before {
    content: '';
    position: absolute;
    top: -50%;
    bottom: -50%;
    left: -50%;
    right: -50%;
    transform: scale(0.5);
    border-style: solid;
    border-width: 1px;
    border-color: #cacaca;
    border-radius: 100px; }

.btn-hollow {
  display: inline-block;
  border-radius: 100px;
  text-align: center;
  cursor: pointer;
  border-color: #e74c75;
  color: #e74c75; }
  .btn-hollow:disabled {
    background-color: #898183 !important; }
  .btn-hollow:active {
    opacity: .8; }

.tag-hollow {
  border-color: #e74c75;
  color: #e74c75; }

.checkbox-box-normalize {
  display: inline-block;
  position: relative; }
  .checkbox-box-normalize .checkbox-hook {
    display: inline-block;
    width: 13px;
    line-height: 13px;
    border: solid 3px rgba(0, 0, 0, 0.12);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .checkbox-box-normalize input {
    position: absolute;
    top: 0;
    left: 0;
    width: 19px;
    height: 19px;
    z-index: 10;
    opacity: 0;
    cursor: pointer; }
  .checkbox-box-normalize input[type='checkbox']:checked + .checkbox-hook {
    border-color: #1fcc7b; }
  .checkbox-box-normalize input[type='checkbox']:checked + .checkbox-hook > .checkbox-hook-in {
    opacity: 1 !important; }
  .checkbox-box-normalize label {
    cursor: pointer; }

.checkbox-box-imgstyle {
  display: inline-block; }
  .checkbox-box-imgstyle .checkbox-imgstyle {
    position: relative;
    display: inline-block;
    overflow: hidden;
    z-index: 10; }
    .checkbox-box-imgstyle .checkbox-imgstyle:hover {
      cursor: pointer; }
    .checkbox-box-imgstyle .checkbox-imgstyle > img {
      position: relative;
      height: 100%;
      z-index: -1; }
    .checkbox-box-imgstyle .checkbox-imgstyle > p {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      line-height: 24px;
      text-align: center;
      color: #fff;
      background-color: rgba(0, 0, 0, 0.5); }
    .checkbox-box-imgstyle .checkbox-imgstyle .checkbox-mark {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      line-height: 90px;
      text-align: center;
      vertical-align: middle;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 1;
      opacity: 0;
      transition: all 0.3s; }
    .checkbox-box-imgstyle .checkbox-imgstyle .checkbox-mark-hint {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      line-height: 90px;
      text-align: center;
      vertical-align: middle;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 1;
      opacity: 1;
      color: white;
      transition: all 0.3s; }
  .checkbox-box-imgstyle .checkbox-mark > span {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 30px;
    font-size: 20px;
    color: #fff;
    border: solid 1px #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%; }
  .checkbox-box-imgstyle input:checked + .checkbox-imgstyle > .checkbox-mark {
    opacity: 1 !important; }

.checkbox-box-papertoggle {
  display: block;
  line-height: 0; }
  .checkbox-box-papertoggle input[type="checkbox"]:checked + .checkbox-papertoggle > .checkbox-mark {
    opacity: 1 !important; }

.checkbox-papertoggle {
  position: relative;
  display: inline-block;
  width: 100%;
  cursor: pointer;
  z-index: 9; }
  .checkbox-papertoggle .checkbox-imgbox {
    display: inline-block;
    width: 90px;
    height: 90px;
    overflow: hidden; }
  .checkbox-papertoggle .checkbox-imgbox > img {
    position: relative;
    height: 100%;
    z-index: -1; }
  .checkbox-papertoggle > p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 24px;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5); }
  .checkbox-papertoggle .checkbox-mark {
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    height: 100%;
    text-align: center;
    padding-top: 16px;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
    opacity: 0;
    transition: all 0.3s; }
  .checkbox-papertoggle .checkbox-mark > span {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 30px;
    font-size: 20px;
    color: white;
    border: solid 1px white;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%; }
  .checkbox-papertoggle .checkbox-mark > p {
    color: white;
    font-size: 12px;
    line-height: 16px; }

.switch-box-normalize {
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  transition: all 0.3s;
  display: inline-block;
  position: relative;
  width: 40px !important;
  height: 16px;
  border: solid 1px #f4f4f4;
  text-align: center; }

.switch-box-normalize .switch-mark-click {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  cursor: pointer; }

.switch-box-normalize .switch-move {
  transition: all 0.3s;
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  border: solid 8px #cccccc;
  z-index: 9; }

.switch-box-normalize .switch-horizon {
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  transition: all 0.3s;
  display: inline-block;
  position: relative;
  top: -3px;
  width: 80%;
  height: 8px;
  background-color: #cccccc; }

.switch-box-normalize input {
  display: none; }

.switch-box-normalize input:checked + div > .switch-move {
  left: 24px !important;
  border-color: #fff; }

.switch-box-normalize input:checked + div > .switch-horizon {
  background-color: #f4f4f4; }

.radio-box-normalize input[type='radio']:checked + .radio-out {
  border-color: #1fcc7b; }

.radio-box-normalize input[type='radio']:checked + .radio-out > .radio-in {
  border-color: #1fcc7b;
  opacity: 1; }

.radio-box-normalize label {
  cursor: pointer; }

.radio-out {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: inline-block;
  position: relative;
  padding: 2px;
  border: solid 3px rgba(0, 0, 0, 0.12);
  line-height: 0; }

.radio-in {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  display: inline-block;
  border: solid 4px #ccc;
  cursor: pointer;
  opacity: 0; }

.radio-box-font {
  display: inline-block; }

.radio-font {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  padding: 4px 16px 4px 16px;
  border-style: solid;
  border-width: 1px;
  border-color: #888888;
  color: #888888; }

.radio-box-font input[type='radio']:checked + .radio-font {
  border-color: #03b266;
  color: #03b266; }

.input {
  display: inline-block; }

.input-normal {
  padding: 8px;
  border: solid 1px #f4f4f4;
  background-color: rgba(0, 0, 0, 0);
  letter-spacing: 1px;
  color: #222222; }
  .input-normal:focus {
    outline: #E5E5E5 auto 5px; }

.input-normal[disabled='disabled'] {
  background-color: #fafafa color !important;
  cursor: default; }

.input-s:hover {
  outline: #E5E5E5 auto 5px; }

.input-down {
  margin: 0;
  margin-bottom: -2px;
  border: none;
  border-bottom: solid 2px #f4f4f4;
  background-color: transparent;
  letter-spacing: 1px; }
  .input-down:focus {
    outline: none;
    border-color: #E5E5E5;
    color: #888888; }

.input-down::-webkit-input-placeholder {
  color: #cccccc; }

.input-ps {
  opacity: 0;
  color: #ff4444; }

.search-box-normalize {
  display: inline-block;
  border: solid 1px #E5E5E5;
  word-spacing: -5px; }
  .search-box-normalize input {
    padding: 8px;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    letter-spacing: 1px; }
    .search-box-normalize input:focus {
      outline: none; }

.input-count {
  display: inline-block;
  text-align: center; }
  .input-count > div {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: pointer; }
    .input-count > div > button {
      display: inline-block;
      border: solid 1px #cccccc;
      color: #cccccc;
      background-color: transparent;
      width: 22px;
      height: 22px;
      font-weight: bolder;
      cursor: pointer; }
  .input-count > input {
    width: 20px;
    height: 20px;
    border: solid 1px #f4f4f4;
    text-align: center;
    border-radius: 2px;
    padding: 0px;
    cursor: pointer; }

.fileup {
  display: inline-block;
  position: relative; }

.fileup input {
  display: inline-block;
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0; }

.fileup-in {
  position: relative;
  width: auto !important;
  z-index: 1;
  cursor: pointer; }

.fileup-container {
  display: inline-block; }

.fileup-container > img {
  display: none;
  height: 150px; }

.textarea {
  display: inline-block;
  padding: 8px;
  overflow: auto;
  border: solid 1px #f4f4f4;
  margin: 0;
  background-color: transparent;
  resize: none;
  letter-spacing: 1px; }
  .textarea:focus {
    outline: #E5E5E5 auto 5px; }

.select-box-normalize {
  display: inline-block;
  position: relative; }

.select-in {
  display: inline-block;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 22px;
  height: 100%;
  background-color: #cccccc;
  z-index: 8; }

.select-box-normalize > select {
  position: relative;
  padding: 4px;
  padding-right: 5px;
  padding-left: 2px;
  margin: 0;
  letter-spacing: 1px;
  border-style: solid;
  border-width: 1px; }
  .select-box-normalize > select:focus {
    outline: #E5E5E5 auto 5px; }

.select-box-normalize option {
  border: solid 1px #ccc; }

.select-tri-t,
.select-tri-b {
  right: 7px;
  border-width: 5px;
  z-index: 9; }

.select-tri-t {
  bottom: 2px;
  border-color: #fff transparent transparent transparent !important; }

.select-tri-b {
  top: 2px;
  border-color: transparent transparent #fff transparent !important; }

.range-box-ios {
  display: inline-block; }

.range-box-ios input[type="range"] {
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  height: 24px;
  border: solid 1px #E5E5E5;
  background-color: #fff;
  -webkit-appearance: none;
  cursor: pointer; }
  .range-box-ios input[type="range"]:focus {
    outline: none; }

.range-box-ios input[type="range"]::-webkit-slider-thumb {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -webkit-appearance: none;
  margin-top: 8px;
  height: 24px;
  width: 24px;
  transform: translateY(-4px);
  background: #03b266; }

.range-box-mater {
  display: inline-block; }

.range-box-mater input[type="range"] {
  border-radius: 1px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  height: 2px;
  border: solid 1px #f4f4f4;
  background-color: #f4f4f4;
  -webkit-appearance: none;
  margin-top: 12px;
  margin-bottom: 12px;
  cursor: pointer; }
  .range-box-mater input[type="range"]:focus {
    outline: none; }

.range-box-mater input[type="range"]::-webkit-slider-thumb {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -webkit-appearance: none;
  margin-top: 8px;
  height: 20px;
  width: 20px;
  transform: translateY(-4px);
  background: #03b266; }

/*------------------------------------------------msg/alert--------------------------------*/
.layout {
  opacity: 1;
  transition: all 0.3s; }

.layout-out {
  opacity: 0 !important;
  z-index: -1 !important; }

.dialog-mark {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 49; }

.dialog-box {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 250px;
  height: 200px;
  z-index: 99; }

.dialog {
  padding-bottom: 8px;
  text-align: left; }

@media screen and (max-width: 768px) {
  .dialog {
    width: 250px; } }

.dialog-content {
  padding: 24px;
  padding-bottom: 16px; }

.dialog-select {
  line-height: 32px; }

.hint-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999; }

.hint-content {
  padding: 16px 24px 12px 24px; }

.hint-btn {
  float: right;
  background-color: transparent;
  padding-left: 24px;
  border: none;
  font-weight: bold;
  cursor: pointer; }

.toastlists-normalize-box {
  position: fixed;
  float: right;
  top: 0;
  right: 0; }

.toastlist > div {
  float: right;
  margin: 8px 8px 0px 0px; }

.toastlist > div > div {
  padding: 8px 32px 8px 8px;
  color: #fff; }

.ant-input {
  padding: 8px !important;
  border: solid 1px #f4f4f4 !important;
  border-radius: 0 !important;
  background-color: rgba(0, 0, 0, 0) !important;
  letter-spacing: 1px !important;
  color: #222222 !important;
  height: 38px !important; }

.ant-input::-webkit-input-placeholder {
  color: #888888 !important; }

